{% extends 'rest_framework/base.html' %}
{% load i18n %}

{% block title %}{% trans 'Galaxy REST API' %}{% endblock %}

{% block style %}
{{ block.super }}
<link rel="shortcut icon" type="image/x-icon" href="/assets/favicon.ico">
<style type="text/css">

html body {
  background: #ddd;
}
html body .navbar {
  background-color: #1d1d1d;
}
html body .navbar .navbar-inner {
  border-top: none;
  height: 54px;
}
html body .navbar-inverse .navbar-inner {
    background-color: #171717;
    background-image: -moz-linear-gradient(top, #171717, #171717);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#171717), to(#171717));
    background-image: -webkit-linear-gradient(top, #171717, #171717);
    background-image: -o-linear-gradient(top, #171717, #171717);
    background-image: linear-gradient(to bottom, #171717, #171717);
    background-repeat: repeat-x;
    border-color: #171717;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171717', endColorstr='#171717', GradientType=0);
}
html body .navbar-inverse .nav > li > a {
    color: #A9A9A9;
}
html body .navbar-inverse .nav > li > a:hover,
html body .navbar-inverse .nav > li > a:focus {
   color: #2078be;
}
html body .navbar .brand img {
    height: 35px;
    width: 120px;
}
html body .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
html body .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
html body .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #074979;
}
html body .navbar-inverse .brand {
    position: relative;
    top: 3px;
    font-size: 2.2em;
    color: #fff;
}
html body .navbar-inverse .nav.pull-right {
  margin-top: 8px;
  margin-right: -8px;
}
html body ul.breadcrumb {
  margin-top: 72px;
}
span.powered-by .version {
  color: #ddd;
}
span.powered-by {
  font-size: 75%;
  color: #ddd;
}
html body .navbar .navbar-inner .dropdown-menu li a,
html body .navbar .navbar-inner .dropdown-menu li,
html body .hero-unit h2,
html body .hero-unit h1,
html body a {
 color: #2078be;
}
html body a span {
 color: #2078be !important;
}
html body .navbar .navbar-inner .dropdown-menu li a:hover,
html body a:hover {
  color: #2078be;
}
html body ul.breadcrumb,
html body .prettyprint,
html body .well.tab-content {
  border: 1px solid #ccc;
}
html body .prettyprint {
  background: #f5f5f5;
}
html body .str,
html body .atv,
html body code {
  color: #074979;
}
html body .str a {
  text-decoration: underline;
}
html body .page-header {
  margin-bottom: 0;
}
html body .description {
  padding-bottom: 0;
  display: none;
}
#footer {
  font-size: 0.8em;
  text-align: center;
  padding-bottom: 1em;
}
#footer a,
#footer a:hover {
  color: #333;
}
html body .wrapper {
  min-height: 1%;
  height: auto !important;
  margin: 0 auto 0;
}
html body #footer {
  height: auto !important;
}
html body #push {
	height: 0;
}
</style>
{% endblock %}

{% block branding %}
  <a class="brand" href="/api/"><img src="/assets/galaxy-logo-02.svg"></a>
{% endblock %}

{% block userlinks %}
{{ block.super }}
{% endblock %}

{% block footer %}
{{ block.super }}
{% endblock %}

{% block script %}
{{ block.super }}
<script type="text/javascript">
$(function() {
  // Make links from relative URLs to resources.
  $('span.str').each(function() {
    var s = $(this).html();
    if (s.match(/^\"\/.+\/\"$/) || s.match(/^\"\/.+\/\?.*\"$/)) {
      $(this).html('"<a href=' + s + '>' + s.replace(/\"/g, '') + '</a>"');
    }
  });
  $('.btn-primary').removeClass('btn-primary').addClass('btn-success');
});
</script>
{% endblock %}
